import React from 'react';
import styles from './Dashboard.module.css';

const Dashboard = () => {
  return (
    <div className={styles.container}>
      <h1 className={styles.title}>仪表盘</h1>
      
      <div className={styles.statsContainer}>
        <div className={styles.statCard}>
          <div className={styles.statIcon}>👥</div>
          <div className={styles.statInfo}>
            <h3>用户总数</h3>
            <p>1,254</p>
          </div>
        </div>
        
        <div className={styles.statCard}>
          <div className={styles.statIcon}>📦</div>
          <div className={styles.statInfo}>
            <h3>产品总数</h3>
            <p>456</p>
          </div>
        </div>
        
        <div className={styles.statCard}>
          <div className={styles.statIcon}>📋</div>
          <div className={styles.statInfo}>
            <h3>订单总数</h3>
            <p>789</p>
          </div>
        </div>
        
        <div className={styles.statCard}>
          <div className={styles.statIcon}>💰</div>
          <div className={styles.statInfo}>
            <h3>总收入</h3>
            <p>¥125,680</p>
          </div>
        </div>
      </div>
      
      <div className={styles.card}>
        <h2>最新动态</h2>
        <div className={styles.activityList}>
          <div className={styles.activityItem}>
            <div className={styles.activityIcon}>👤</div>
            <div className={styles.activityDetails}>
              <p>新用户注册: 张三</p>
              <span className={styles.activityTime}>10分钟前</span>
            </div>
          </div>
          
          <div className={styles.activityItem}>
            <div className={styles.activityIcon}>📦</div>
            <div className={styles.activityDetails}>
              <p>新产品上架: 电子产品A</p>
              <span className={styles.activityTime}>30分钟前</span>
            </div>
          </div>
          
          <div className={styles.activityItem}>
            <div className={styles.activityIcon}>📋</div>
            <div className={styles.activityDetails}>
              <p>新订单: #12345</p>
              <span className={styles.activityTime}>1小时前</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Dashboard;